<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ page import="com.jackchen.cache.ResApi"  %>
<%@ page import="com.jackchen.vo.CategoryVO"  %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<%
	String contextPath=request.getContextPath();
	List<CategoryVO> categorylist = ResApi.getInstance().getAllCvos(request);
	request.setAttribute("menus", categorylist);
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>personweb</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">
	<jsp:include  page="/page/plugin/commonPlugin.jsp"/>
	<jsp:include page="/page/plugin/jqGridPlugin.jsp"/>
	<!--  
	<script type="text/javascript" src="${ctx}/page/plugin/ajax-pushlet-client.js"></script>
	-->
	<script type="text/javascript" src="${ctx}/page/plugin/jqueryui/js/jquery.select.js"></script>
	
	<link rel="stylesheet" type="text/css" href="${ctx}/page/index/index.css"></link>
	<link rel="stylesheet" type="text/css" href="${ctx}/page/index/menu.css"></link>
<%-- 	<script type='text/javascript' src='${ctx}/dwrAlarm/interface/JSalarmDwr.js'></script>
	<script type="text/javascript" src="${ctx}/dwrAlarm/engine.js"></script>
	<script type='text/javascript' src='${ctx}/dwrAlarm/util.js'></script> --%>
	<script type="text/javascript" src="${ctx}/page/plugin/jstree/jquery.jstree.js"></script>
	<script type="text/javascript">
		var projectName = "<%=contextPath %>";
	</script>
	<script type="text/javascript" src="${ctx}/page/index/index.js"></script>
	<script type="text/javascript" src="${ctx}/page/index/treeManipulate.js"></script>
  </head>
  
  <body>
  	<div id="mapBindingDlg" title="Binding Map" style="display: none">
		<p>
		Select Map:<select id="sel_map"></select>
		</p>
	</div>
  
    <div id="entireFrame" class="entireStyle">
  		<div id="topZone" class="topStyle">
  			<div id="topLeftZone" class="topleftStyle"></div>
  			<div id="topRightZone" class="topRightStyle">
  				<div id="topRightTop" class="rightTopStyle"></div>
  				<div id="topRightBottom" class="rightBottomStyle">
  					<ul id="jsddm">
  					<c:forEach var="rootMenus" items="${menus}"> 
  						<c:set var="subMenus" value="${rootMenus.subCategory}"></c:set> 
       					<li> 
       					<c:if test="${rootMenus.pagename == '#'}"> 
       					  <a href="#"><c:out value="${rootMenus.name}"></c:out></a> 
       					</c:if>
       					<c:if test="${rootMenus.pagename != '#'}">
       					  <a href="#" onclick="addTab(this,'${ctx}${rootMenus.pagename}')"><c:out value="${rootMenus.name}"></c:out></a>
       					</c:if>
       						<ul>
       							<c:forEach var="subMenu" items="${subMenus}"> 
       								<li><a href="#" onclick="addTab(this,'${ctx}${subMenu.pagename}')">${subMenu.name}</a></li>
       							</c:forEach>
       						</ul>
       						<div class="clear"></div>
       					</li>
					</c:forEach>
					</ul>
					<div class="clear"></div>
  				</div>
  			</div>
  		</div>
  		<div id="leftZone" class="leftStyle">
  			<div id="treeNode"></div>
  		</div>
  		<div id="rightZone" class="rightStyle">
  			<div id="mainZone" class="mainStyle">
  				<div id="pageTabs">
  					<ul>
  						<li><a href="#tabs-1" id="firstTabPage">主页</a></li>
  					</ul>
  					<div id="tabs-1">
    					<p>存放报表，柱状图，饼状图，波纹图，统计告警信息</p>
  					</div>
  				</div>
  			</div>
  			<div id="bottomZone" class="bottomStyle">
  				<table id="alarmInfoTable"></table>
  			</div>
  		</div>
  	</div>
  	
  	<div id="messagePushTest" title="New Alarm Information">

  	</div>
  </body>
</html>
